<template>
  <div class="tab_bar_container"  v-show="isShowTab">
    <div class="tab_bar_wrapper">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  computed:{
    isShowTab:function(){
      return this.$route.meta.isShowTab
    }
  }
}
</script>

<style scoped>
.tab_bar_container
{
  width: 100%;
  height: 3.2rem;
  position: fixed;
  left: 0px;
  bottom: 0px;
  border-top: 1px solid  black;
  background-color: white;
}

.tab_bar_wrapper
{
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}

</style>